<template>
  <div>
    选择考试科目:
    <el-select v-model="value" placeholder="请选择" class="projectselect">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-select v-model="value" placeholder="请选择" class="select">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-select v-model="value" placeholder="请选择" class="select">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-select v-model="value" placeholder="请选择" class="select">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-select v-model="value" placeholder="请选择" class="select">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-select v-model="value" placeholder="请选择" class="select">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-select v-model="value" placeholder="请选择" class="select">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-select v-model="value" placeholder="请选择" class="select">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="考试工号" width="200"></el-table-column>
      <el-table-column prop="name" label="教师姓名" width="200"></el-table-column>
      <el-table-column prop="address" label="所在学院" width="200"></el-table-column>
      <el-table-column prop="address" label="学习进度" width="200"></el-table-column>
      <el-table-column prop="address" label="考试进度" width="200"></el-table-column>
      <el-table-column prop="address" label="意见" width="200"></el-table-column>
      <el-table-column prop="address" label="是否同意监考" width="200"></el-table-column>
    </el-table>
    <div class="block" id="pageselect">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage4"
        :page-sizes="[100, 200, 300, 400]"
        :page-size="100"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
      ></el-pagination>
    </div>
  </div>
</template>
<script></script>

<style>
#articleIndex .el-dialog {
  margin-top: 0 !important;
}
</style>

<style scoped>
#articleIndex {
  min-width: 960px;
}
.panel {
  width: 100%;
  min-height: 40px;
  padding-bottom: 15px;
}
.keyword {
  width: 160px;
  padding: 0 10px;
}
.artsort {
  padding-left: 10px;
}
.projectselect {
  width: 90%;
  margin-left: 20px;
}
.select {
  width: 200px;
}
</style>
